<template>
    <van-nav-bar title="BELLERIS" size="24" >
    <template #right>
    <van-icon name="contact" size="24" color="#000"/>
    <van-icon class="iconfont icon-icon-" size="24" color="#000"/>
    </template>
    <template #left>
    <van-icon class="iconfont icon-caidan distant" size="24" color="#000"/>
    <van-icon name="search" size="24" color="#000"/>
    </template>
    </van-nav-bar>
</template>
<script>
import Vue from 'vue';
import { NavBar, Icon} from 'vant';

Vue.use(NavBar);
Vue.use(Icon);
export default {

}
</script>
<style scoped lang='scss'>
.van-nav-bar__left i{
    margin-right:15px;
}
.van-nav-bar__right i:nth-child(1){
    margin-right:15px;
}
.van-nav-bar__title{
    font-weight:800;
    font-size:16px;
    
}
</style>
